﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>化工生产故障监控系统</title>
    <link rel="stylesheet" href="../static/css/login-style.css">
    <style type="text/css">
        #title {
            height: 50px;
            width: auto;
        }
    </style>
</head>
<body>
{% with messages = get_flashed_messages() %}
    {% if messages %}
        {% for message in messages %}
            <p style="color:red;position: absolute;top: 40px;text-align: center">{{ message }}</p>
        {% endfor %}
    {% endif %}
{% endwith %}
<div id="title"><h1 style="align-content: center;margin-left: 10px;color:white">基于隐马尔可夫模型的化工生产线故障预警与诊断系统</h1></div>
<div class="container right-panel-active">
    <!-- 注 册 -->
    <div class="container__form container--signin">
        <form action="/logon" method="post" class="form-index" id="form1-index" onsubmit="return isValid('logon')">
            <!-- 此处文字是登录，功能是注册，为了防止注册 和登录 文字盖住 -->
            <h2 class="form__title" id="title1">登 录</h2>
            <label for="username-logon"></label><input type="text" placeholder="用户名" class="input" name="username" id="username-logon"/>
            <label for="password-logon"></label><input type="password" placeholder="密码" class="input" name="password" id="password-logon"/>
            <button type="submit" class="btn" id="btn1">登 录</button>
            <div class="checkbox" style="height: 10px"></div>
        </form>
    </div>

    <!-- 登 录 -->
    <div class="container__form container--signup">
        <form action="/login" method="post" class="form-index" id="form2_index" onsubmit="return isValid('login')">
            <h2 class="form__title">登 录</h2>
            <label for="username-login"></label><input type="text" placeholder="用户名" class="input" name="username" id="username-login"/>
            <label for="password-login"></label><input type="password" placeholder="密码" class="input" name="password" id="password-login"/>
            <button type="submit" class="btn">登 录</button>
            <div class="checkbox" style="height: 10px">
                <label> <input type="checkbox" id="remember" name="remember"> </label>下 次 自 动 登 录
            </div>
        </form>
    </div>

    <div class="container__overlay">
        <div class="overlay">
            <div class="overlay__panel overlay--left">
                <button class="btn" id="signIn" onclick="text_toggle()">注 册</button>
            </div>
            <div class="overlay__panel overlay--right">
                <button class="btn" id="signUp" onclick="text_toggle()">登 录</button>
            </div>
        </div>
    </div>
</div>

<script src="../static/js/checkIsEmpty.js"></script>
<script src="../static/js/login-script.js"></script>
</body>
</html>
